<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../favicon.ico">

    <title>Đại Học Quốc Gia Tp.HCM</title>

    <!-- Bootstrap core CSS -->
    <style type="text/css">
        @import url(css/import-style.css);
    </style>
	<link href="js/plugins/jasny-bootstrap/css/jasny-bootstrap.min.css" rel="stylesheet">
	<link href="js/plugins/datetimepicker/jquery.datetimepicker.css" rel="stylesheet">
	<link rel="stylesheet" href="js/plugins/jqwidgets/styles/jqx.base.css" type="text/css" />
	<link href="js/plugins/jqwidgets/styles/jqx.bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" href="js/plugins/jqwidgets/styles/jqx.darkblue.css" type="text/css" />
	<link rel="stylesheet" href="css/admin.css" type="text/css" />
    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
	<script type="text/javascript" src="js/plugins/ckeditor/ckeditor.js"></script>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
      <![endif]-->
</head>

<body>
	<div id="loading"></div>

    <div role="tabpanel">

	  <!-- Nav tabs -->
	  <ul class="nav nav-tabs" role="tablist">
		<li role="presentation" class="active"><a href="#news" aria-controls="news" role="tab" data-toggle="tab">Tin tức/Thông tin/Hoạt động/Dự án</a></li>
		<li role="presentation"><a href="#faculty" aria-controls="faculty" role="tab" data-toggle="tab" onClick='initFaculty()'>Cán bộ</a></li>
		<li role="presentation"><a href="#faculty_project" aria-controls="faculty_project" role="tab" data-toggle="tab" onClick='initFacultyProject()'>Dự án cán bộ</a></li>
		<li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Settings</a></li>
	  </ul>
		
	  <!-- Tab panes -->
	  <div class="tab-content">
		<div role="tabpanel" class="tab-pane active" id="news">
			<div class="row" style='margin-top:20px;'>
				<div class='col-md-1 col-lg-1 col-sm-1 col-xs-1'></div>
				<div class='col-md-3 col-lg-3 col-sm-3 col-xs-3'>
					<label class="radio-inline"><input value='radioNews' type="radio" name="optradio" checked>Tin tức</label>
					<label class="radio-inline"><input value='radioInformation' type="radio" name="optradio">Thông tin</label>
					<label class="radio-inline"><input value='radioActivity' type="radio" name="optradio">Hoạt động</label>
					<label class="radio-inline"><input value='radioProject' type="radio" name="optradio">Dự&nbsp;án</label>
					<label class="radio-inline"><input value='radioEvents' type="radio" name="optradio">Sự&nbsp;kiện</label>
					<label class="checkbox-inline"><input value='autorefresh' type="checkbox" id="autorefresh">Tự&nbsp;động&nbsp;refresh</label>
				</div>	
				<div class='col-md-7 col-lg-7 col-sm-7 col-xs-7'>
				</div>
				<div class='col-md-1 col-lg-1 col-sm-1 col-xs-1'></div>
			</div>
			<div class="row" style='margin-top:20px;'>
				<div class='col-md-1 col-lg-1 col-sm-1 col-xs-1'>
				</div>
				<div class='col-md-3 col-lg-3 col-sm-3 col-xs-3'>
					<form role="form">
						<div class="form-group">
							<label for="news_title" class="control-label">Id:</label>
							<input type="text" class="form-control" id="news_id" disabled>
						</div>
						<div class="form-group">
							<label for="news_title" class="control-label">Tiêu đề:</label>
							<input type="text" class="form-control" id="news_title">
						</div>
						<div class="form-group">
							<label for="message-text" class="control-label">Tóm&nbsp;lượt:</label>
							<textarea type="text" class="form-control" id="news_summary"></textarea>
						</div>
						<div class="form-group">
							<label for="message-text" class="control-label">Ngày:</label>
							<input type="text" class="form-control" id="news_date">
						</div>
						<div class="form-group" id='news_image_div'>
							<label for="message-text" class="control-label">Hình ảnh:</label>
							<div class="fileinput fileinput-new" data-provides="fileinput">
							  <div class="fileinput-new thumbnail" style="width: 200px; height: 150px;">
								<img id='review_image' data-src="holder.js/100%x100%">
							  </div>
							  <div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px;"></div>
							  <div>
								<span class="btn btn-default btn-file"><span class="fileinput-new">Select image</span><span class="fileinput-exists">Change</span><input id='news_image' type="file" ></span>
								<a href="#" class="btn btn-default fileinput-exists" data-dismiss="fileinput">Remove</a>
							  </div>
							</div>
						</div>
					</form>
					
				</div>
				
				<div class='col-md-7 col-lg-7 col-sm-7 col-xs-7'>
					<div class='row'><div id="gridNews"></div></div>
					<div class='row'><button type="button" id='updateNews' class="btn btn-primary">Refresh</button></div>
				</div>
				<div class='col-md-1 col-lg-1 col-sm-1 col-xs-1'>
				</div>
			</div>
			<div class="row">
				<div class='col-md-1 col-lg-1 col-sm-1 col-xs-1'>
				</div>
				<div class='col-md-10 col-lg-10 col-sm-10 col-xs-10'>
					<label for="message-text" class="control-label">Chi tiết:</label>
					<textarea type="text" class="form-control" name="news_desc" id="news_desc" data-maxlen='255'></textarea>
				</div>
				<div class='col-md-1 col-lg-1 col-sm-1 col-xs-1'>
				</div>
			</div>
			<div class="row">
				<div class='col-md-1 col-lg-1 col-sm-1 col-xs-1'>
				</div>
				<div class='col-md-10 col-lg-10 col-sm-10 col-xs-10'>
					<button type="button" id='insertNews' class="btn btn-primary">Thêm</button>
					<button type="button" id='editNews' class="btn btn-primary">Chỉnh sửa</button>
					<button type="button" id='deleteNews' class="btn btn-primary">Xóa</button>
					<button type="button" id='clearNews' class="btn btn-primary">Clear</button>
				</div>
				<div class='col-md-1 col-lg-1 col-sm-1 col-xs-1'>
				</div>
			</div>
			
		</div>
		<div role="tabpanel" class="tab-pane" id="faculty">
			<div class="row" style='margin-top:20px;'>
				<div class='col-md-1 col-lg-1 col-sm-1 col-xs-1'>
				</div>
				<div class='col-md-3 col-lg-3 col-sm-3 col-xs-3'>
					<form role="form">
						<div class="form-group">
							<label for="faculty_id" class="control-label">Id:</label>
							<input type="text" class="form-control" id="faculty_id" disabled>
						</div>
						<div class="form-group">
							<label for="faculty_name" class="control-label">Họ&nbsp;tên:</label>
							<input type="text" class="form-control" id="faculty_name">
						</div>
						<div class="form-group">
							<label for="faculty_diploma" class="control-label">Học&nbsp;vị:</label>
							<input type="text" class="form-control" id="faculty_diploma">
						</div>
						<div class="form-group">
							<label for="faculty_department" class="control-label">Bộ&nbsp;môn:</label>
							<input type="text" class="form-control" id="faculty_department">
						</div>
						<div class="form-group" id=''>
							<label for="message-text" class="control-label">Hình ảnh:</label>
							<div class="fileinput fileinput-new" data-provides="fileinput">
							  <div class="fileinput-new thumbnail" style="width: 200px; height: 150px;">
								<img id='faculty_review' data-src="holder.js/100%x100%">
							  </div>
							  <div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px;"></div>
							  <div>
								<span class="btn btn-default btn-file"><span class="fileinput-new">Select image</span><span class="fileinput-exists">Change</span><input id='faculty_image' type="file" ></span>
								<a href="#" class="btn btn-default fileinput-exists" data-dismiss="fileinput">Remove</a>
							  </div>
							</div>
						</div>
						
					</form>
				</div>
				
				<div class='col-md-7 col-lg-7 col-sm-7 col-xs-7'>
					<div class='row'><div id="gridFaculty"></div></div>
					<div class='row'><button type="button" id='updateFaculty' class="btn btn-primary">Refresh</button></div>
				</div>
				<div class='col-md-1 col-lg-1 col-sm-1 col-xs-1'>
				</div>
			</div>
			<div class="row">
				<div class='col-md-1 col-lg-1 col-sm-1 col-xs-1'>
				</div>
				<div class='col-md-10 col-lg-10 col-sm-10 col-xs-10'>
					<label for="faculty_desc" class="control-label">Giới thiệu:</label>
					<textarea type="text" class="form-control" name="faculty_desc" id="faculty_desc"></textarea>
					<script>
						CKEDITOR.replace('faculty_desc');
					</script>
				</div>
				<div class='col-md-1 col-lg-1 col-sm-1 col-xs-1'>
				</div>
			</div>
			<div class="row">
				<div class='col-md-1 col-lg-1 col-sm-1 col-xs-1'>
				</div>
				<div class='col-md-10 col-lg-10 col-sm-10 col-xs-10'>
					<label for="faculty_process" class="control-label">Quá trình công tác:</label>
							<textarea type="text" class="form-control" name="faculty_process" id="faculty_process"></textarea>
					<script>
						CKEDITOR.replace('faculty_process');
					</script>
				</div>
				<div class='col-md-1 col-lg-1 col-sm-1 col-xs-1'>
				</div>
			</div>
			<div class="row">
				<div class='col-md-1 col-lg-1 col-sm-1 col-xs-1'>
				</div>
				<div class='col-md-10 col-lg-10 col-sm-10 col-xs-10'>
					<label for="faculty_performance" class="control-label">Thành tích khác:</label>
							<textarea type="text" class="form-control" name="faculty_performance" id="faculty_performance"></textarea>
					<script>
						CKEDITOR.replace('faculty_performance');
					</script>
				</div>
				<div class='col-md-1 col-lg-1 col-sm-1 col-xs-1'>
				</div>
			</div>
			<div class="row">
				<div class='col-md-1 col-lg-1 col-sm-1 col-xs-1'>
				</div>
				<div class='col-md-10 col-lg-10 col-sm-10 col-xs-10'>
					<button type="button" id='insertFaculty' class="btn btn-primary">Thêm</button>
					<button type="button" id='editFaculty' class="btn btn-primary">Chỉnh sửa</button>
					<button type="button" id='deleteFaculty' class="btn btn-primary">Xóa</button>
					<button type="button" id='clearFaculty' class="btn btn-primary">Clear</button>
				</div>
				<div class='col-md-1 col-lg-1 col-sm-1 col-xs-1'>
				</div>
			</div>
		</div>
		
		<div role="tabpanel" class="tab-pane" id="faculty_project">
			<div class="row" style='margin-top:20px;'>
				<div class='col-md-1 col-lg-1 col-sm-1 col-xs-1'>
				</div>
				<div class='col-md-3 col-lg-3 col-sm-3 col-xs-3'>
					<form role="form">
						<div class="form-group">
							<label for="faculty_project_id" class="control-label">Id:</label>
							<input type="text" class="form-control" id="faculty_project_id" disabled>
						</div>
					</form>
					<div class='row'><div id="faculty_project_grid"></div></div>
					<div class='row'><button type="button" id='update_faculty_project' class="btn btn-primary">Chỉnh sửa</button></div>
				</div>
				
				<div class='col-md-7 col-lg-7 col-sm-7 col-xs-7'>
					<div class='row'><div id="faculty_project_faculty_grid"></div></div>
					<div class='row'>
						<button type="button" id='faculty_project_refresh_faculty' class="btn btn-primary">Refresh</button>
						<button type="button" id='faculty_project_get_project' class="btn btn-primary">Lấy danh sách project</button>
					</div>
					<div class='row'><div id="faculty_project_project_grid"></div></div>
					<div class='row'><button type="button" id='faculty_project_refresh_project' class="btn btn-primary">Refresh</button></div>
				</div>
				<div class='col-md-1 col-lg-1 col-sm-1 col-xs-1'>
				</div>
			</div>
		</div>
		
		<div role="tabpanel" class="tab-pane" id="settings">
			<div class="row" style='margin-top:20px;'>
				<div class='col-md-1 col-lg-1 col-sm-1 col-xs-1'>
				</div>
				<div class='col-md-3 col-lg-3 col-sm-3 col-xs-3'>
					<button type="button" id='logout' class="btn btn-primary">Log out</button>
				</div>
				
				<div class='col-md-7 col-lg-7 col-sm-7 col-xs-7'>
				
				</div>
				<div class='col-md-1 col-lg-1 col-sm-1 col-xs-1'>
				</div>
			</div>
		</div>
	  </div>

	</div>
	

	
	<div class="modal fade" id="loginDialog" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" width='40%'>
		<div class="modal-dialog modal-sm">
			<div class="modal-content">
				<div class="modal-header" style='text-align: center;'>
					<h4 class="modal-title">Đăng nhập</h4>
				</div>
				<div class="modal-body">
					<form role="form">
					  <div class="form-group">
						<label for="recipient-name" class="control-label">Username:</label>
						<input type="text" class="form-control" id="username">
					  </div>
					  <div class="form-group">
						<label for="message-text" class="control-label">Password:</label>
						<input type="password" class="form-control" id="password">
					  </div>
					</form>
				</div>
				<div class="modal-footer" style='text-align: center;'>
					<button type="button" id='loginButton' class="btn btn-primary">Đăng nhập</button>
				</div>
			</div>
		</div>
	</div>
	
	<div class="modal fade" id="successDialog" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" width='40%'>
		<div class="modal-dialog modal-sm">
			<div class="modal-content">
				<div class="modal-header" style='text-align: center;'>
					<h4 class="modal-title">Success</h4>
				</div>
				<div class="modal-body">
					Thành công. Vui lòng bấm cập nhật để xem lại.
				</div>
			</div>
		</div>
	</div>
	
	<div class="modal fade" id="failDialog" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" width='40%'>
		<div class="modal-dialog modal-sm">
			<div class="modal-content">
				<div class="modal-header" style='text-align: center;'>
					<h4 class="modal-title">Failed</h4>
				</div>
				<div class="modal-body">
					Thất bại. Vui lòng thử lại sau.
				</div>
			</div>
		</div>
	</div>
	
    <script type="text/javascript" src="js/jquery.min.js"></script>
	
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/plugins/jasny-bootstrap/js/jasny-bootstrap.min.js"></script>
	<script type="text/javascript" src="js/plugins/datetimepicker/jquery.datetimepicker.js"></script>
	<script type="text/javascript" src="js/plugins/jqwidgets/jqxcore.js"></script>
	<script type="text/javascript" src="js/plugins/jqwidgets/jqxdata.js"></script>
	<script type="text/javascript" src="js/plugins/jqwidgets/jqxbuttons.js"></script>
	<script type="text/javascript" src="js/plugins/jqwidgets/jqxscrollbar.js"></script>
	<script type="text/javascript" src="js/plugins/jqwidgets/jqxmenu.js"></script>
	<script type="text/javascript" src="js/plugins/jqwidgets/jqxlistbox.js"></script>
	<script type="text/javascript" src="js/plugins/jqwidgets/jqxdropdownlist.js"></script>
	<script type="text/javascript" src="js/plugins/jqwidgets/jqxgrid.js"></script>
	<script type="text/javascript" src="js/plugins/jqwidgets/jqxgrid.selection.js"></script> 
	<script type="text/javascript" src="js/plugins/jqwidgets/jqxgrid.columnsresize.js"></script> 
	<script type="text/javascript" src="js/plugins/jqwidgets/jqxgrid.filter.js"></script> 
	<script type="text/javascript" src="js/plugins/jqwidgets/jqxgrid.sort.js"></script> 
	<script type="text/javascript" src="js/plugins/jqwidgets/jqxgrid.pager.js"></script> 
	<script type="text/javascript" src="js/plugins/jqwidgets/jqxgrid.grouping.js"></script>
	<script type="text/javascript" src="js/CONSTANTS.js"></script>
	<script type="text/javascript" src="js/utils.js"></script>
	<script type="text/javascript" src="js/admin.js"></script>
</body>
</html>
